<template>
<div class="w-full h-full bg-white">
  <order-nav :back="false" @back="$router.push('/wantBuy')"/>
  <div class="mt-40">
    <div class="flex justify-center">
      <img class="w-122 h-122" src="~@/assets/image/c2c/Group100.png" alt="">
    </div>
    <div class="flex justify-center flex-col items-center mt-45 font-700 font-56">
      <div>
        <slot name="price"></slot>
      </div>
    </div>
  </div>
  <div class="flex flex-col items-center mt-184">
    <div>
      <van-button class="w-360 h-92 rounded-lg bg-blue" type="info" @click="$router.push('/tradeSuccessDetailBuyer')">{{$t('完成')}}</van-button>
    </div>
    <div class="mt-46 font-32 font-400 text-blue " @click="$router.push('/funds')">{{ $t('查看资产')}}</div>
  </div>
<!--  <div class="absolute bottom-0 left-0 w-full text-center">-->
<!--    <van-divider />-->
<!--    <evaluation class="pb-80">-->
<!--      <template #desc>-->
<!--        <slot name="desc"></slot>-->
<!--      </template>-->
<!--    </evaluation>-->
<!--  </div>-->
</div>
</template>

<script>
import {
  Button,
  Divider,
} from "vant";
import OrderNav from "@/components/order-nav/OrderNav";
import Evaluation from "@/page/c2cOrder/payment/components/Evaluation";
export default {
  name: "TradeSuccess",
  components: {
    [Button.name]:Button,
    [Divider.name]:Divider,
    OrderNav,
    Evaluation,
  }
}
</script>

<style lang="scss" scoped>


</style>